/*响应式代码*/
@charset "uft-8";
/*窗口横向滚动条屏蔽*/
html,body{overflow-x:hidden;}

@media screen and (min-width: 0px) and (max-width: 1320px){
    /*<=1200的设备(+滚动条宽度)=1220*/
    /***************全局控制*******************/
              .w1200{ width: 100%;}
.mar_center .topleft{ display: block;}
.mar_center .topright{display: block;width: 60%; text-align: right;
.idxnewcon{ background: #fff; width:90%; padding: 5%; margin: 0 auto; border-radius: 10px 10px 0 0;}
.menu{ background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto; border-radius:0 0 10px 10px; margin-bottom: 10px; border-bottom: 5px #327dce solid; }
.menu li{ float: left; display: inline;line-height: 50px;  font-size: 16px; color: #fff; width: 14%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}
.zt_list ul li{ float: left; display: inline; margin-left:60px; margin-bottom: 30px;text-align: center;}
.zt_list ul li img{ max-width: 100%; border-radius: 5px; padding: 0;  }
	

}

/*屏幕宽度*/
@media screen and (min-width: 0px) and (max-width: 1220px){
    /*<=1200的设备(+滚动条宽度)=1220*/
    /***************全局控制*******************/
              .w1200{ width: 100%;}
.mar_center .topleft{ display: block;}
.mar_center .topright{display: block;width: 60%; text-align: right;
.idxnewcon{ background: #fff; width:90%; padding: 5%; margin: 0 auto; border-radius: 10px 10px 0 0;}
.menu{ background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto; border-radius:0 0 10px 10px; margin-bottom: 10px; border-bottom: 5px #327dce solid; }
.menu li{ float: left; display: inline;line-height: 50px;  font-size: 16px; color: #fff; width: 14%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}
.zt_list ul li{ float: left; display: inline; margin-left:60px; margin-bottom: 30px;text-align: center;}
.zt_list ul li img{ max-width: 100%; border-radius: 5px; padding: 0;  }
}
@media screen and (min-width: 0px) and (max-width: 1190px){
    /*<=1000的设备*/
    /***************全局控制*******************/
           .w1200{ width: 100%;}
.mar_center .topleft{ display: block;}
.mar_center .topright{display: block;width: 60%;}
.hearderlogo{ width: 520px; height: 78px; background: url(../images/logo.png) no-repeat left center; text-indent: -10000px; padding-top: 42px; clear: both;}
.headserchbox{  padding-top: 0px; float: right;padding-top: 42px; }
.idxconter{ background: #fff; width: 90%; padding: 10px; margin: 0 auto;}
.idxnav{ width: 100%;  margin-right:0px; clear: both; }
.idxnav li{ list-style: none; color: #fff;   font-size: 16px; background: #3D8BE5; display: block; cursor: pointer; float: left; display: inline-block; width: 33%; height: 40px; line-height: 40px;  text-align: center; border: 1px #58A0F7 solid; }
.idxnav li a{ color: #fff; display: block;   font-size: 16px;padding-left:0; float: left; display: inline-block; text-align: center;padding: 0;  width: 100%;height: 40px; line-height: 40px;}
.idxnav li a:hover{ color: #3D8BE5;background: #fff; color: #3D8BE5; display: block; font-weight: bold;text-align: center; height: 40px; line-height: 40px;}
.idxnav li i{ padding-right: 5px; font-size: 16px; height: 40px;line-height: 40px;}
.idxlft{ width: 100%; float: none;}
.bmfw_box{ float: none;}
.headhgt{ height: 125px;}
#owl-demo{position:relative;width:100%;height: auto;margin:0 auto;}
#owl-demo img{display:block;width:100%; height: auto;}
.notice{ width: 100%; clear: both; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid; */margin-top: 5px;}
.picMarquee-left{ width: 100%;}
.notice h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 96%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 4%;
    border-bottom: 1px #d8e2e9 solid;  }
.zhuanlan h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 96%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 4%;
    border-bottom: 1px #d8e2e9 solid;  }
.bgptbox{ width:38%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.ybdtbox{ width: 60%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/} 
.zcjd{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 10px;}
.zcjd h3{font-weight: bold;height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; width: 92%;padding-left: 8%; border-bottom: 1px #d8e2e9 solid;}
.idxnewcon{ background: #fff; width:90%; padding: 5%; margin: 0 auto;/* border-radius: 10px 10px 0 0;*/}
.menu{ background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto; border-radius:0 0 0px 0px; margin-bottom: 10px; border-bottom:0px #327dce solid; }
/*.menu li{ float: left; display: inline;line-height: 50px;  font-size: 16px; color: #fff; width: 20%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}
.menu li a:hover{background: #fff; color: #327dce; border-radius:0px ; }
.menu li:hover{ background: #fff; color: #327dce; border-radius:0px ;  }*/
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: #fff; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.copyright>.f_left{ float: inherit; clear: both;display: block;}
.copyright>.f_right{ float: inherit;clear: both;display: block;}

.zt_list ul li{ float: left; display: inline; margin-left:60px; margin-bottom: 30px;text-align: center;}
.zt_list ul li img{ max-width: 100%; border-radius: 5px; padding: 0;  }
	
}
@media screen and (min-width: 0px) and (max-width: 1000px){
    /*<=1000的设备*/
    /***************全局控制*******************/
           .w1200{ width: 100%;}
.mar_center .topleft{ display: block;}
.mar_center .topright{display: block;width: 60%;}
.hearderlogo{ width: 389px; height: 78px; background: url(../images/logo.png) no-repeat left center; text-indent: -10000px; padding-top: 62px; clear: both;}
.headserchbox{  padding-top: 0px; float: right;padding-top: 62px; }
.idxconter{ background: #fff; width: 90%; padding: 10px; margin: 0 auto;}
.idxnav{ width: 100%;  margin-right:0px; clear: both; }
.idxnav li{ list-style: none; color: #fff;   font-size: 16px; background: #3D8BE5; display: block; cursor: pointer; float: left; display: inline-block; width: 33%; height: 40px; line-height: 40px;  text-align: center; border: 1px #58A0F7 solid; }
.idxnav li a{ color: #fff; display: block;   font-size: 16px;padding-left:0; float: left; display: inline-block; text-align: center;padding: 0;  width: 100%;height: 40px; line-height: 40px;}
.idxnav li a:hover{ color: #3D8BE5;background: #fff; color: #3D8BE5; display: block; font-weight: bold;text-align: center; height: 40px; line-height: 40px;}
.idxnav li i{ padding-right: 5px; font-size: 16px; height: 40px;line-height: 40px;}
.idxlft{ width: 100%; float: none;}
.bmfw_box{ float: none;}
.headhgt{ height: 125px;}
#owl-demo{position:relative;width:100%;height: auto;margin:0 auto;}
#owl-demo img{display:block;width:100%; height: auto;}
.notice{ width: 100%; clear: both; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid; */margin-top: 5px;}
.picMarquee-left{ width: 100%;}
.zhuanlan h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 96%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 4%;
    border-bottom: 1px #d8e2e9 solid;  }
.bgptbox{ width:38%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.ybdtbox{ width: 60%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/} 
.zcjd{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 10px;}
.zcjd h3{font-weight: bold;height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; width: 92%;padding-left: 8%; border-bottom: 1px #d8e2e9 solid;}
.idxnewcon{ background: #fff; width:90%; padding: 5%; margin: 0 auto;/* border-radius: 10px 10px 0 0;*/ clear: both;}
.menu { background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto;  clear: both; }
/*.menu li{ float: left; display: inline;line-height: 50px;  font-size: 16px; color: #fff; width: 20%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}
.menu li a:hover{background: #fff; color: #327dce; border-radius:0px ; }
.menu li:hover{ background: #fff; color: #327dce; border-radius:0px ;  }*/
.nav {
			list-style: none;
			height:  55px;
			width: 100%;
			margin: 0 auto;
			background-color: #3D8BE5;
		}
.nav li {height:  55px;
			float: left;
			width:12.5%;
			position: relative;
		}
.nav li a {
			color: #fff;
			height: auto;
			line-height: 53px;
			font-weight: bold;
			width:100%;
			display: inline-block;
			font-size: 16px; 
			text-align: center;
		}
.nav li a:focus {
			-moz-outline-style: none;
		}
.nav li .sub-nav {
			position: absolute;
			top: 55px;
			left: 0px;
			list-style: none;
			background-color:#f3f3f3;
			display: none;font-size: 19px;color: #666;
		}
.nav li .sub-nav li {
			text-align: center;
			clear: left;
			width:100%;
			height: 40px;
			line-height:40px;
			position: relative;border-right: 0 none;border-bottom: 1px #ccc dashed;
		}
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: #fff; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}	
.copyright>.f_left{ float: inherit; clear: both;display: block;}
.copyright>.f_right{ float: inherit;clear: both;display: block;}
.zt_list ul li{ float: left; display: inline; margin-left:20px; margin-bottom: 30px;text-align: center;}
.zt_list ul li img{ max-width: 100%; border-radius: 5px; padding: 0;  }
	
}


@media screen and (min-width: 0px) and (max-width: 900px){
    /*<=1000的设备*/
    /***************全局控制*******************/
           .w1200{ width: 100%;}

.mar_center .topleft{display: block;}
.mar_center .topright{display: block;width: 40%;}
.hearderlogo{ width:389px; height: 78px; background: url(../images/logo.png) no-repeat left center; text-indent: -10000px; padding-top: 62px; clear: both;}
.headserchbox{  padding-top: 0px; float: right;padding-top: 52px; }
.headserch{width:100% ; height: 43px; background: #fff;   line-height: 43px; }
.idxconter{ background: #fff; width: 90%; padding: 10px; margin: 0 auto;}
.idxnav{ width: 100%;  margin-right:0px; clear: both; }
.idxnav li{ list-style: none; color: #fff;   font-size: 16px; background: #3D8BE5; display: block; cursor: pointer; float: left; display: inline-block; width: 33%; text-align: center; border: 1px #58A0F7 solid; }
.idxnav li a{ color: #fff; display: block;   font-size: 16px;padding-left:0; float: left; display: inline-block; text-align: center;padding: 0; height: 40px; line-height: 40px; width: 100%;}
.idxnav li a:hover{ color: #3D8BE5;background: #fff; color: #3D8BE5; display: block; font-weight: bold;text-align: center; }
.idxnav li i{ padding-right: 5px; font-size: 16px; height: 40px;line-height: 40px;}

#owl-demo{position:relative;width:100%;height: auto;margin:0 auto;}
#owl-demo img{display:block;width:100%; height: auto;}
.notice{ width: 100%; clear: both; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 5px;}
.picMarquee-left{ width: 100%;}
.zhuanlan h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;  }
.idxlft{ width: 100%; float: none;}
.bmfw_box{ float: none;}

.bgptbox{ width:38%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid;/* border-top: 3px #3D8BE5 solid;*/}
.ybdtbox{ width: 60%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/} 
.zcjd{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid;/* border-top: 3px #3D8BE5 solid;*/ margin-top: 10px;}
.zcjd h3{font-weight: bold;height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; width: 92%;padding-left: 8%; border-bottom: 1px #d8e2e9 solid;}
.idxnewcon{ background: #fff; width:90%; padding: 5%; margin: 0 auto; /*border-radius: 10px 10px 0 0;*/}
.menu{ background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto; border-radius:0 0 0 0; margin-bottom: 10px; border-bottom: 0 none; }
.nav {
			list-style: none;
			height:  55px;
			width: 100%;
			margin: 0 auto;
			background-color: #3D8BE5;
		}
.nav li {height:  55px;
			float: left;
			width:12.5%;
			position: static;
		}
.nav li a {
			color: #fff;
			height: auto;
			line-height: 53px;
			font-weight: bold;
			width:100%;
			display: inline-block;
			font-size: 16px; 
			text-align: center;
		}
.nav li a:focus {
			-moz-outline-style: none;
		}
.nav li .sub-nav {
			position: absolute;
			top: 45px;
			left: 0px;
			list-style: none;
			background-color:#f3f3f3;
			display: none;font-size: 19px;color: #666;
		}
.nav li .sub-nav li {
			text-align: center;
			clear: left;
			width:200px;
			height: 40px;
			line-height:40px;
			position: relative;border-right: 0 none;border-bottom: 1px #ccc dashed;display: none;
		}
/*.menu li{ float: left; display: inline;line-height: 50px;  font-size: 16px; color: #fff; width: 20%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}
.menu li a:hover{background: #fff; color: #327dce; border-radius:0px ; }
.menu li:hover{ background: #fff; color: #327dce; border-radius:0px ;  }*/
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: #fff; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.copyright>.f_left{ float: inherit; clear: both;display: block;}
.copyright>.f_right{ float: inherit;clear: both;display: block;}
.zt_list ul li{ float: left; display: inline; margin-left:10px; margin-bottom: 30px;text-align: center; width: 50%;}
.zt_list ul li img{ max-width: 100%; border-radius: 5px; padding: 0;  }
}


@media screen and (min-width: 0px) and (max-width: 850px){
    /*<=768的设备 */
    /***************全局控制*******************/  
        .w1200{ width: 100%;}
.mar_center .topleft{display: block;}
.mar_center .topright{ display: block; width: 40%;}
.hearderlogo{ float: left; width: 339px; height: 40px; background: url(../images/logo.png) no-repeat left center; text-indent: -10000px; padding-top: 70px; clear: both; background-size:339px 68px ;}
.headserchbox{  padding-top: 0px;  float: right;padding-top: 42px; }
.headserch{width:100% ; height: 43px; background: #fff; line-height: 43px; }
.idxconter{ background: #fff; width: 90%; padding: 10px; margin: 0 auto;}
.idxnav{ width: 100%;  margin-right:0px; clear: both; }
.idxnav li{ list-style: none; color: #fff;   font-size: 16px; background: #3D8BE5; display: block; cursor: pointer; float: left; display: inline-block; width: 33%; text-align: center; border: 1px #58A0F7 solid; }
.idxnav li a{ color: #fff; display: block;   font-size: 16px;padding-left:0; float: left; display: inline-block; text-align: center;padding: 0; height: 40px; line-height: 40px; width: 100%;}
.idxnav li a:hover{ color: #3D8BE5;background: #fff; color: #3D8BE5; display: block; font-weight: bold;text-align: center; }
.idxnav li i{ padding-right: 5px; font-size: 16px; height: 40px;line-height: 40px;}
#owl-demo{position:relative;width:100%;height: auto;margin:0 auto; margin-top: 10px;}
#owl-demo img{display:block;width:100%; height: auto;}
 .notice{ width: 100%; clear: both; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 5px;}
.notice h3{font-weight: bold; font-weight: bold;  width: 96%; height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; padding-left:4%; border-bottom: 1px #d8e2e9 solid;}
.picMarquee-left{ width: 100%;}
.bmfw_box{ float: none;}
.zhuanlan h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 96%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 4%;
    border-bottom: 1px #d8e2e9 solid;  }   
 .idxlft{ width: 100%; float: none;}
.bgptbox{ width:38%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.ybdtbox{ width: 60%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}       
.zcjd{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid; */margin-top: 10px;}
.zcjd h3{font-weight: bold;height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; width: 96%;padding-left: 4%; border-bottom: 1px #d8e2e9 solid;}
.idxnewcon{ background: #fff; width:90%; padding: 5%; margin: 0 auto; /*border-radius: 10px 10px 0 0;*/}
.menu{ background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto; border-radius:0 0; margin-bottom: 10px; border-bottom: 0px #327dce solid; }
/*.menu li{ float: left; display: inline;line-height: 50px;  font-size: 16px; color: #fff; width: 14%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}
.menu li a:hover{background: #fff; color: #327dce; border-radius:0px ; }
.menu li:hover{ background: #fff; color: #327dce; border-radius:0px ;  }*/
.nav {
			list-style: none;
			height:  55px;
			width: 100%;
			margin: 0 auto;
			background-color: #3D8BE5;
		}
.nav li {height:  55px;
			float: left;
			width:12.5%;
			position: static;
		}
.nav li a {
			color: #fff;
			height: auto;
			line-height: 53px;
			font-weight: bold;
			width:100%;
			display: inline-block;
			font-size: 16px; 
			text-align: center;
		}
.nav li a:focus {
			-moz-outline-style: none;
		}
.nav li .sub-nav {
			position: absolute;
			top: 45px;
			left: 0px;
			list-style: none;
			background-color:#f3f3f3;
			display: none;font-size: 19px;color: #666;
		}
.nav li .sub-nav li {
			text-align: center;
			clear: left;
			width:200px;
			height: 40px;
			line-height:40px;
			position: relative;border-right: 0 none;border-bottom: 1px #ccc dashed;display: none;
		}
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: #fff; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.copyright>.f_left{ float: inherit; clear: both;display: block;}
.copyright>.f_right{ float: inherit;clear: both;display: block;}
.zt_list ul li{ float: left; display: inline; margin-left:0px; margin-bottom: 30px;text-align: center; width: 100%;}
.zt_list ul li img{ max-width: 100%; border-radius: 5px; padding: 0;  }

}


@media screen and (min-width: 0px) and (max-width: 768px){
    /***************全局控制*******************/
        .w1200{ width: 100%;}
        .headhgt{height: 165px;}
        .mar_center .topleft{ display: none;}
        .headblueline{ border-bottom: 0 none;}
.mar_center .topright{ width: 100%; text-align: center;clear: both;}
.hearderlogo{  background: url(../images/logo.png) no-repeat center center ; text-indent: -10000px; padding-top: 32px; clear: both; background-size:389px 78px ; width: 400px; margin: 20px auto;  }
.headserchbox{  padding-top: 0px;clear: both; width: 100%;}
.headserch{width:93% ; height: 43px; background: #fff;  line-height: 43px; margin: 0 auto; }
.idxconter{ background: #fff; width: 90%; padding: 10px; margin: 0 auto;}
.idxnav{ width: 100%;  margin-right:0px; clear: both; }
.idxnav li{ list-style: none; color: #fff;   font-size: 16px; background: #3D8BE5; display: block; cursor: pointer; float: left; display: inline-block; height: 40px; line-height: 40px;width: 49.6%; text-align: center; border: 1px #58A0F7 solid; }
.idxnav li a{ color: #fff; display: block;   font-size: 16px;padding-left:0; float: left; display: inline-block; text-align: center;padding: 0; height: 40px; line-height: 40px;}
/*.idxnav li a:hover{ color: #3D8BE5;background: #fff; color: #3D8BE5; display: block; font-weight: bold;text-align: center;line-height: 40px;  height: 40px;}
*/
.idxnav li i{ padding-right: 5px; font-size: 16px; height: 40px;line-height: 40px;}
#owl-demo{position:relative;width:100%;height: auto;margin:5px auto;}
#owl-demo img{display:block;width:100%; height: auto;}
.notice{ width: 100%; clear: both; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 5px;}
.picMarquee-left{ width: 100%;}
.picMarquee-left .bd ul li{ float: none; margin-bottom: 2px;}
.picMarquee-left .bd ul li .pic img {
    width: 100%;
    height:auto;
    display: block; margin: 0 auto;
}
.zhuanlan{ width: 100%; margin: 0 auto; background: #ecf7ff; border: 1px #d8e2e9 solid; margin-top: 10px; padding: 0;}
.zhuanlan h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 96%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 4%;
    border-bottom: 1px #d8e2e9 solid;  }	
.idxlft{ width: 100%; float: none;}
.bmfw_box{ float: none;}
.bgptbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid;/* border-top: 3px #3D8BE5 solid;*/}

.ybdtbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.zcjd{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 10px;}
.zcjd h3{font-weight: bold;height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; width: 96%;padding-left: 4%; border-bottom: 1px #d8e2e9 solid;}
.openbox h3 {
    font-weight: bold;
    font-weight: bold;padding: 0; text-align: left;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;
}
.openbox h3 span{ display: none; width:0; height:0; border-width:0;border-style:solid;border-color:transparent transparent transparent #248ce2;/*透明 透明 透明 黄*/position:absolute; top:26px;right:-15px;}
.openlist{width: 100%;  margin: 8px auto; }
.openlist li{ float: left; display: inline; width: 45%; background:#eaeff4; border-radius: 5px; padding: 10px 0; text-align: center; font-size: 15px; margin-left: 3%; border: 2px #e7e7e7 solid; color:#666;}
.openlist li i{ color: #248ce2; padding-right: 5px; font-size:18px; display: block; }
.linkbox li{ float: left; display: inline; width: 50%;}
.linkbox li select{ width: 90%; height: 28px; line-height: 28px; margin: 0 auto; font-family: "微软雅黑", "Microsoft YaHei", "黑体"; color: #333; border: 1px #c6c6c6 solid;}
.idxnewcon{ background: #fff; width:90%; padding: 5%; margin: 0 auto; /*border-radius: 10px 10px 0 0;*/}
.menu{ background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto; border-radius:0 px; margin-bottom: 10px; border-bottom: 0px #327dce solid; }

.menu li i{ padding-right: 5%;}
.leftmenu{ width:100%; margin-right: 2.08333%; margin-top: 20px;  }
.zhuanti{border: 1px #dbe2e8 solid; margin-top:15px; display: none;}
.rightcon{ width:100%;min-height:auto; margin-top: 20px; }
/*.menu li a:hover{background: #fff; color: #327dce; border-radius:0px ; }
.menu li:hover{ background: #fff; color: #327dce; border-radius:0px ;  }*/
.nav {
			list-style: none;
			height:  110px;
			width: 100%;
			margin: 0 auto;
			background-color: #3D8BE5;
		}
.nav li {height:  55px;
			float: left;
			width:25%;
			position: static;
		}
.nav li a {
			color: #fff;
			height: auto;
			line-height: 53px;
			font-weight: bold;
			width:100%;
			display: inline-block;
			font-size: 15px; 
			text-align: center;
		}
.nav li a:focus {
			-moz-outline-style: none;
		}
.nav li .sub-nav {
			position: absolute;
			top: 45px;
			left: 0px;
			list-style: none;
			background-color:#f3f3f3;
			display: none;font-size: 19px;color: #666;
		}
.nav li .sub-nav li {
			text-align: center;
			clear: left;
			width:200px;
			height: 40px;
			line-height:40px;
			position: relative;border-right: 0 none;border-bottom: 1px #ccc dashed;display: none;
		}
.link {display: none;
    width: 100%;
    margin: 0 auto;
    border: 1px #d8e2e9 solid;
    margin-top: 10px;
    padding: 15px 0;
}
.leftmenu{ width:100%; margin-right: 2.08333%; margin-top: 20px; }
.leftmenu dl {border: 1px #dbe2e8 solid;}
.leftmenu dl dt{    height: 40px;  width: 100%;line-height:40px;font-size: 23px; text-align: center; background-color: #327DCE;color: #fff; font-weight: bold;border-bottom: 1px #dbe2e8 solid;}
.leftmenu dl dd{     width: 93%;color: #666;border-left: 4px #fff solid;font-size: 16px;height: 37px;padding-left: 6%;line-height: 37px;font-weight: bold;}
.leftmenu dl dd.columnhover{ background: #ecf6ff; border-left: 4px #3d89e1 solid;width: 100%;padding-left: 6%;width: 92%;}
.rightcon h3{ background: #f1f8fe; height:40px; line-height: 40px; font-size: 20px; border-left: 5px #3e8be5 solid; padding-left: 20px;}
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: #fff; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.copyright>.f_left{ float: inherit; clear: both;display: block;}
.copyright>.f_right{ float: inherit;clear: both;display: block;}
.zt_list ul li{ float: left; display: inline; margin-left:0px; margin-bottom: 30px;text-align: center; width: 100%;}
.zt_list ul li img{ max-width: 100%; border-radius: 5px; padding: 0;  }


}


@media screen and (min-width: 0px) and (max-width: 640px){
    /***************全局控制*******************/
.w1200{ width: 100%;}.headhgt{height: 165px;}
.mar_center .topleft{ display: none;}
.mar_center .topright{ width: 100%; text-align: center;clear: both;}
.hearderlogo{  background: url(../images/logo.png) no-repeat left center ; text-indent: -10000px; padding-top: 32px; clear: both; background-size:339px 68px ; width: 339px; margin: 20px auto; margin-left:20px;}
.headserchbox{  padding-top: 0px;clear: both; width: 100%;}
.headserch{width:93% ; height: 43px; background: #fff;  line-height: 43px; margin: 0 auto; }
.idxconter{ background: #fff; width: 90%; padding: 10px; margin: 0 auto;}
.idxnav{ width: 100%;  margin-right:0px; clear: both; }
.idxnav li{ list-style: none; color: #fff;   font-size: 16px; background: #3D8BE5; display: block; cursor: pointer; float: left; display: inline-block; height: 40px; line-height: 40px;width: 49.4%; text-align: center; border: 1px #58A0F7 solid; }
.idxnav li a{ color: #fff; display: block;   font-size: 16px;padding-left:0; float: left; display: inline-block; text-align: center;padding: 0; height: 40px; line-height: 40px;}
.idxnav li a:hover{ color: #3D8BE5;background: #fff; color: #3D8BE5; display: block; font-weight: bold;text-align: center;line-height: 40px;  height: 40px;}
.idxnav li i{ padding-right: 5px; font-size: 16px; height: 40px;line-height: 40px;}
#owl-demo{position:relative;width:100%;height: auto;margin:5px auto;}
#owl-demo img{display:block;width:100%; height: auto;}
.notice{ width: 100%; clear: both; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 5px;}
.picMarquee-left{ width: 100%;}
.zhuanlan{ width: 100%; margin: 0 auto; background: #ecf7ff; border: 1px #d8e2e9 solid; margin-top: 10px; padding: 0;}
.zhuanlan h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 96%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 4%;
    border-bottom: 1px #d8e2e9 solid;  }
 .picMarquee-left{ width: 100%;}
.picMarquee-left .bd ul li{ float: none; margin-bottom: 2px;}
.picMarquee-left .bd ul li .pic img {
    width: 100%;
    height:auto;
    display: block; margin: 0 auto;
}	
.idxlft{ width: 100%; float: none;}
.bmfw_box{ float: none;}
.bgptbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.ybdtbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.zcjd{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 10px;}
.zcjd h3{font-weight: bold;height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; width: 96%;padding-left: 4%; border-bottom: 1px #d8e2e9 solid;}
.openbox h3 {
    font-weight: bold;
    font-weight: bold;padding: 0; text-align: left;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;
}
.openbox h3 span{ display: none; width:0; height:0; border-width:0;border-style:solid;border-color:transparent transparent transparent #248ce2;/*透明 透明 透明 黄*/position:absolute; top:26px;right:-15px;}
.openlist{width: 100%;  margin: 8px auto; }
.openlist li{ float: left; display: inline; width: 20%; background:#eaeff4; border-radius: 5px; padding: 10px 0; text-align: center; font-size: 15px; margin-left: 3%; border: 2px #e7e7e7 solid; color:#666;}
.openlist li i{ color: #248ce2; padding-right: 5px; font-size:18px; display: block; }
.linkbox li{ float: left; display: inline; width: 50%;}
.linkbox li select{ width: 90%; height: 28px; line-height: 28px; margin: 0 auto; font-family: "微软雅黑", "Microsoft YaHei", "黑体"; color: #333; border: 1px #c6c6c6 solid;}
.idxnewcon{ background: #fff; width:90%; padding: 5%; margin: 0 auto; /*border-radius: 10px 10px 0 0;*/}
.menu{ background: #3e8be5; line-height: 45px; width: 100%; margin: 0 auto; border-radius:0 px; margin-bottom: 10px; border-bottom: 0px #327dce solid; }
/*.menu li{ float: left; display: inline;line-height: 45px; height: 45px;   font-size: 14px; color: #fff; width: 14%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}*/
.leftmenu{ width:100%; margin-right: 2.08333%; margin-top: 20px;  }
.zhuanti{border: 1px #dbe2e8 solid; margin-top:15px; display: none;}
.rightcon{ width:100%;min-height:auto; margin-top: 20px; }
.menu li a:hover{background: #fff; color: #327dce; border-radius:0px ; }
.menu li:hover{ background: #fff; color: #327dce; border-radius:0px ;  }
.link {display: none;
    width: 100%;
    margin: 0 auto;
    border: 1px #d8e2e9 solid;
    margin-top: 10px;
    padding: 15px 0;
}
.leftmenu{ width:100%; margin-right: 2.08333%; margin-top: 20px; }
.leftmenu dl {border: 1px #dbe2e8 solid;}
.leftmenu dl dt{    height: 40px;  width: 100%;line-height:40px;font-size: 23px; text-align: center; background-color: #327DCE;color: #fff; font-weight: bold;border-bottom: 1px #dbe2e8 solid;}
.leftmenu dl dd{     width: 93%;color: #666;border-left: 4px #fff solid;font-size: 16px;height: 37px;padding-left: 6%;line-height: 37px;font-weight: bold;}
.leftmenu dl dd.columnhover{ background: #ecf6ff; border-left: 4px #3d89e1 solid;width: 100%;padding-left: 6%;width: 92%;}
.rightcon h3{ background: #f1f8fe; height:40px; line-height: 40px; font-size: 20px; border-left: 5px #3e8be5 solid; padding-left: 20px;}
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: #fff; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.copyright>.f_left{ float: inherit; clear: both;display: block;}
.copyright>.f_right{ float: inherit;clear: both;display: block;}
.zt_list ul li{ float: left; display: inline; margin-left:0px; margin-bottom: 30px;}
.zt_list ul li img{ max-width: 100%; border-radius: 5px; padding: 0;  }


}

@media screen and (min-width: 0px) and (max-width: 639px){
    /***************全局控制*******************/
        .w1200{ width: 100%;}
        .mar_center .topleft{ display: none;}
.mar_center .topright{ width: 100%; text-align: center;clear: both;}
.hearderlogo{  background: url(../images/logo.png) no-repeat left center ; text-indent: -10000px; padding-top: 32px; clear: both!important; background-size:339px 68px ;width: 450px;margin: 20px auto;}
.headserchbox{  padding-top: 0px;clear: both!important; width: 100%; margin: 0 auto;}
.headserch{width:93% ; height: 43px; background: #fff;   line-height: 43px; }
.idxconter{ background: #fff; width: 90%; padding: 10px; margin: 0 auto;}
.idxnav{ width: 100%;  margin-right:0px; clear: both; }
.idxnav li{ list-style: none; color: #fff;   font-size: 16px; background: #3D8BE5; display: block; cursor: pointer; float: left; display: inline-block; height: 40px; line-height: 40px;width: 32.6%; text-align: center; border: 1px #58A0F7 solid; }
.idxnav li a{ color: #fff; display: block;   font-size: 16px;padding-left:0; float: left; display: inline-block; text-align: center;padding: 0; height: 40px; line-height: 40px; width: 100%;}
/*.idxnav li a:hover{ color: #3D8BE5;background: #fff; color: #3D8BE5; display: block; font-weight: bold; }
*/.idxnav li i{ padding-right: 5px; font-size: 16px; height: 40px;line-height: 40px;}
#owl-demo{position:relative;width:100%;height: auto;margin:5px auto;}
#owl-demo img{display:block;width:100%; height: auto;}
.notice{ width: 100%; clear: both; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid;/* border-top: 3px #3D8BE5 solid;*/ margin-top: 5px;}
.picMarquee-left{ width: 100%;}
.picMarquee-left{ width: 100%;}
.picMarquee-left .bd ul li{ float: none; margin-bottom: 2px;}
.picMarquee-left .bd ul li .pic img {
    width: 100%;
    height:auto;
    display: block; margin: 0 auto;
}
.zhuanlan h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;  }
.bmfw_box{ float: none;}
.idxlft{ width: 100%; float: none;}
.bgptbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid;/* border-top: 3px #3D8BE5 solid;*/}
.ybdtbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.zcjd{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid; */margin-top: 10px;}
.zcjd h3{font-weight: bold;height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; width: 92%;padding-left: 8%; border-bottom: 1px #d8e2e9 solid;}
.openbox h3 {
    font-weight: bold;
    font-weight: bold;padding: 0; text-align: left;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;
}
.openbox h3 span{ display: none; width:0; height:0; border-width:0;border-style:solid;border-color:transparent transparent transparent #248ce2;/*透明 透明 透明 黄*/position:absolute; top:26px;right:-15px;}
.openlist{width: 100%;  margin: 8px auto; }
.openlist li{ float: left; display: inline; width: 20%; background:#eaeff4; border-radius: 5px; padding: 10px 0; text-align: center; font-size: 15px; margin-left: 3%; border: 2px #e7e7e7 solid; color:#666;}
.openlist li i{ color: #248ce2; padding-right: 5px; font-size:18px; display: block; }
.linkbox li{ float: left; display: inline; width: 50%;}
.linkbox li select{ width: 90%; height: 28px; line-height: 28px; margin: 0 auto; font-family: "微软雅黑", "Microsoft YaHei", "黑体"; color: #333; border: 1px #c6c6c6 solid;}
.menu{ background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto; border-radius:0; margin-bottom: 10px; border-bottom: 0px #327dce solid; }
/*.menu li{ float: left; display: inline;line-height: 40px;  font-size: 19px; color: #fff; width: 33%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}*/
.idxnewcon{ background: #fff; width:90%; padding: 5%; margin: 0 auto; border-radius: 10px 10px 0 0;}
.leftmenu{ width:100%; margin-right: 2.08333%; margin-top: 20px;  }
.zhuanti{border: 1px #dbe2e8 solid; margin-top:15px; display: none;}
.rightcon{ width:100%;min-height:auto; margin-top: 20px; }
.link {display: none;
    width: 100%;
    margin: 0 auto;
    border: 1px #d8e2e9 solid;
    margin-top: 10px;
    padding: 15px 0;
}
leftmenu{ width:23.66666%; margin-right: 2.08333%; margin-top: 20px; }
.leftmenu dl {border: 1px #dbe2e8 solid;}
.leftmenu dl dt{    height: 40px;  width: 100%;line-height:40px;font-size: 23px; text-align: center; background-color: #327DCE;color: #fff; font-weight: bold;border-bottom: 1px #dbe2e8 solid;}
.leftmenu dl dd{     width: 93%;color: #666;border-left: 4px #fff solid;font-size: 16px;height: 37px;padding-left: 6%;line-height: 37px;font-weight: bold;}
.leftmenu dl dd.columnhover{ background: #ecf6ff; border-left: 4px #3d89e1 solid;width: 100%;padding-left: 6%;width: 92%;}
.rightcon h3{ background: #f1f8fe; height:40px; line-height: 40px; font-size: 20px; border-left: 5px #3e8be5 solid; padding-left: 20px;}
.copyright{ text-align: center; color: #fff; font-size: 12px; line-height: 30px; margin: 0 auto;  background-size: 30px 37px; width: 310px;}
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: #fff; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.copyright>.f_left{ float: inherit; clear: both;display: block;}
.copyright>.f_right{ float: inherit;clear: both;display: block;}


}


@media screen and (min-width: 0px) and (max-width: 480px){
    /***************全局控制*******************/
        .w1200{ width: 100%;}
        .headhgt{ height: 165px;}
        .mar_center .topleft{ display: none;}
.mar_center .topright{ width: 100%; text-align: center;clear: both;}
.hearderlogo{  background: url(../images/logo.png) no-repeat left center ; text-indent: -10000px; padding-top: 32px; clear: both; background-size:339px 68px ;margin-left:20px; width: 339px;}
.headserchbox{  padding-top: 0px;clear: both!important;width: 100%; margin: 0 auto; }
.headserch{width:98% ; height: 43px; background: #fff;   line-height: 43px;margin: 0 auto;
.idxnav{ width: 100%;  margin-right:0px; clear: both; }
.idxnav li{ list-style: none; color: #fff;   font-size: 16px; background: #3D8BE5; display: block; cursor: pointer; float: left; display: inline-block; height: 40px; line-height: 40px;width: 32.6%; text-align: center; border: 1px #58A0F7 solid; }
.idxnav li a{ color: #fff; display: block;   font-size: 16px;padding-left:0; float: left; display: inline-block; text-align: center;padding: 0; height: 40px; line-height: 40px; width: 100%;}
/*.idxnav li a:hover{ color: #3D8BE5;background: #fff; color: #3D8BE5; display: block; font-weight: bold; }
*/.idxnav li i{ padding-right: 5px; font-size: 16px; height: 40px;line-height: 40px;}
#owl-demo{position:relative;width:100%;height: auto;margin:5px auto;}
#owl-demo img{display:block;width:100%; height: auto;}
.notice{ width: 100%; clear: both; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid;/* border-top: 3px #3D8BE5 solid;*/ margin-top: 5px;}
.picMarquee-left{ width: 100%;}
.picMarquee-left{ width: 100%;}
.picMarquee-left .bd ul li{ float: none; margin-bottom: 2px;}
.picMarquee-left .bd ul li .pic img {
    width: 100%;
    height:auto;
    display: block; margin: 0 auto;
}
.zhuanlan h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;  }
.bmfw_box{ float: none;}
.idxlft{ width: 100%; float: none;}
.bgptbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid;/* border-top: 3px #3D8BE5 solid;*/}
.ybdtbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.zcjd{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid; */margin-top: 10px;}
.zcjd h3{font-weight: bold;height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; width: 92%;padding-left: 8%; border-bottom: 1px #d8e2e9 solid;}
.openbox h3 {
    font-weight: bold;
    font-weight: bold;padding: 0; text-align: left;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;
}
.openbox h3 span{ display: none; width:0; height:0; border-width:0;border-style:solid;border-color:transparent transparent transparent #248ce2;/*透明 透明 透明 黄*/position:absolute; top:26px;right:-15px;}
.openlist{width: 100%;  margin: 8px auto; }
.openlist li{ float: left; display: inline; width: 20%; background:#eaeff4; border-radius: 5px; padding: 10px 0; text-align: center; font-size: 15px; margin-left: 3%; border: 2px #e7e7e7 solid; color:#666;}
.openlist li i{ color: #248ce2; padding-right: 5px; font-size:18px; display: block; }
.linkbox li{ float: left; display: inline; width: 50%;}
.linkbox li select{ width: 90%; height: 28px; line-height: 28px; margin: 0 auto; font-family: "微软雅黑", "Microsoft YaHei", "黑体"; color: #333; border: 1px #c6c6c6 solid;}
.menu{ background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto; border-radius:0 px; margin-bottom: 10px; border-bottom: 0px #327dce solid; }
/*.menu li{ float: left; display: inline;line-height: 40px;  font-size: 19px; color: #fff; width: 33%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}*/
.idxnewcon{ background: #fff; width:90%; padding: 5%; margin: 0 auto; border-radius: 10px 10px 0 0;}
.leftmenu{ width:100%; margin-right: 2.08333%; margin-top: 20px;  }
.zhuanti{border: 1px #dbe2e8 solid; margin-top:15px; display: none;}
.rightcon{ width:100%;min-height:auto; margin-top: 20px; }
.link {display: none;
    width: 100%;
    margin: 0 auto;
    border: 1px #d8e2e9 solid;
    margin-top: 10px;
    padding: 15px 0;
}
leftmenu{ width:23.66666%; margin-right: 2.08333%; margin-top: 20px; }
.leftmenu dl {border: 1px #dbe2e8 solid;}
.leftmenu dl dt{    height: 40px;  width: 100%;line-height:40px;font-size: 23px; text-align: center; background-color: #327DCE;color: #fff; font-weight: bold;border-bottom: 1px #dbe2e8 solid;}
.leftmenu dl dd{     width: 93%;color: #666;border-left: 4px #fff solid;font-size: 16px;height: 37px;padding-left: 6%;line-height: 37px;font-weight: bold;}
.leftmenu dl dd.columnhover{ background: #ecf6ff; border-left: 4px #3d89e1 solid;width: 100%;padding-left: 6%;width: 92%;}
.rightcon h3{ background: #f1f8fe; height:40px; line-height: 40px; font-size: 20px; border-left: 5px #3e8be5 solid; padding-left: 20px;}
.copyright{ text-align: center; color: #fff; font-size: 12px; line-height: 30px; margin: 0 auto;  background-size: 30px 37px; width: 310px;}
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: #fff; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.copyright>.f_left{ float: inherit; clear: both;display: block;}
.copyright>.f_right{ float: inherit;clear: both;display: block;}


}


@media screen and (min-width: 0px) and (max-width: 450px){
    /***************全局控制*******************/
        .w1200{ width: 100%;}.headhgt{ height: 165px;}
.mar_center .topleft{ float: none;}
.mar_center .topright{ width: 100%; text-align: center; clear: both;}
.hearderlogo{  background: url(../images/logo.png) no-repeat left center ; text-indent: -10000px; padding-top: 32px; clear: both; background-size:339px 68px ; width: 339px;  margin: 20px auto;}

.headserchbox{  padding-top: 0px;clear: both; width: 100%;}
.headserch{width:95% ; height: 43px; background: #fff;  line-height: 43px; margin: 0 auto; }
.idxconter{ background: #fff; width: 90%; padding: 10px; margin: 0 auto;}
.idxnav{ width: 100%;  margin-right:0px; clear: both; }
.idxnav li{ list-style: none; color: #fff;   font-size: 16px; background: #3D8BE5; display: block; cursor: pointer; float: left; display: inline-block; height: 40px; line-height: 40px;width: 32.6%; text-align: center; border: 1px #58A0F7 solid; }
.idxnav li a{ color: #fff; display: block;   font-size: 16px;padding-left:0; float: left; display: inline-block; text-align: center;padding: 0; height: 40px; line-height: 40px; width: 100%;}
/*.idxnav li a:hover{ color: #3D8BE5;background: #fff; display: block; font-weight: bold; }
*/.idxnav li i{ padding-right: 5px; font-size: 16px; height: 40px;line-height: 40px;}
#owl-demo{position:relative;width:100%;height: auto;margin:5px auto;}
#owl-demo img{display:block;width:100%; height: auto;}
.picMarquee-left{ width: 100%;}
.picMarquee-left .bd ul li{ float: none; margin-bottom: 2px;}
.picMarquee-left .bd ul li .pic img {
    width: 100%;
    height:auto;
    display: block; margin: 0 auto;
}
.notice{ width: 100%; clear: both; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid; */margin-top: 5px;}
.notice h3 {
    font-weight: bold;
    font-weight: bold;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;
}
.openbox h3 {
    font-weight: bold;
    font-weight: bold;padding: 0; text-align: left;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;
}
.openbox h3 span{ display: none; width:0; height:0; border-width:0;border-style:solid;border-color:transparent transparent transparent #248ce2;/*透明 透明 透明 黄*/position:absolute; top:26px;right:-15px;}
.picMarquee-left{ width: 100%;}
.zhuanlan h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;  }
.bmfw_box{ float: none;}

.idxlft{ width: 100%; float: none;}
.bgptbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.ybdtbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.zcjd{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid;/* border-top: 3px #3D8BE5 solid;*/ margin-top: 10px;}
.zcjd h3{font-weight: bold;height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; width: 92%;padding-left: 8%; border-bottom: 1px #d8e2e9 solid;}
.openlist{width: 100%;  margin: 8px auto; }
.openlist li{ float: left; display: inline; width: 45%; background:#eaeff4; border-radius: 5px; padding: 10px 0; text-align: center; font-size: 15px; margin-left: 3%; border: 2px #e7e7e7 solid; color:#666;}
.openlist li i{ color: #248ce2; padding-right: 5px; font-size:18px; display: block; }
.idxnewcon{ background: #fff; width:90%; padding: 5%; margin: 0 auto; border-radius:0 0;}
.menu{ background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto;  margin-bottom: 10px; border-bottom: 0px #327dce solid; border-radius:0 ; }
/*.menu li{ float: left; display: inline;line-height:40px;  font-size: 19px; color: #fff; width: 33%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}*/
.leftmenu{ width:100%; margin-right: 2.08333%; margin-top: 20px;  }
.zhuanti{border: 1px #dbe2e8 solid; margin-top:15px; display: none;}
.rightcon{ width:100%;min-height:auto; margin-top: 20px; }
.link {display: none;
    width: 100%;
    margin: 0 auto;
    border: 1px #d8e2e9 solid;
    margin-top: 10px;
    padding: 15px 0;
}
.copyright{ text-align: center; color: #fff; font-size: 12px; line-height: 30px; margin: 0 auto;  background-size: 30px 37px; width: 350px;}
.shr1{width:26%;}
.shr2{width:70%;}
.shr21{width:71.6%;}
.shr3{width:26%;margin-left:0%;}
.shr4{width:70%;}
.shr44{width:18.82435%;}
.shr5{width: 71.53818%;height: 36px}
.text-3 {width: 93%;}
.text-4{width:92%}

.sri {
    clear: both;
}
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: #fff; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.copyright>.f_left{ float: inherit; clear: both;display: block;}
.copyright>.f_right{ float: inherit;clear: both;display: block;}


}


@media screen and (min-width: 0px) and (max-width: 359px){
    /***************全局控制*******************/
        .w1200{ width: 100%;}
        .mar_center .topleft{ display: none;}
.mar_center .topright{ width: 100%; text-align: center;clear: both;}
.hearderlogo{  background: url(../images/logo.png) no-repeat left center ; text-indent: -10000px; padding-top: 32px; clear: both; background-size:280px 56px ;margin-left:20px; width: 300px;}
.headserchbox{  padding-top: 0px;clear: both;}
.headserch{width:98% ; height: 43px; background: #fff;  line-height: 43px; margin: 0 auto; }
.idxconter{ background: #fff; width: 90%; padding: 10px; margin: 0 auto;}
.idxnav{ width: 100%;  margin-right:0px; clear: both; }
.idxnav li{ list-style: none; color: #fff;   font-size: 16px; background: #3D8BE5; display: block; cursor: pointer; float: left; display: inline-block; height: 40px; line-height: 40px;width: 32.6%; text-align: center; border: 1px #58A0F7 solid; }
.idxnav li a{ color: #fff; display: block;   font-size: 16px;padding-left:0; float: left; display: inline-block; text-align: center;padding: 0; height: 40px; line-height: 40px; width: 100%;}
/*.idxnav li a:hover{ color: #3D8BE5;background: #fff; color: #3D8BE5; display: block; font-weight: bold; }
*/.idxnav li i{ padding-right: 5px; font-size: 16px; height: 40px;line-height: 40px;}
#owl-demo{position:relative;width:100%;height: auto;margin:0 auto;}
#owl-demo img{display:block;width:100%; height: auto;}
.notice{ width: 100%; clear: both; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 5px;}
.notice h3 {
    font-weight: bold;
    font-weight: bold;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;
}
.picMarquee-left{ width: 100%;}
.picMarquee-left{ width: 100%;}
.picMarquee-left .bd ul li{ float: none; margin-bottom: 2px;}
.picMarquee-left .bd ul li .pic img {
    width: 100%;
    height:auto;
    display: block; margin: 0 auto;
}
.zhuanlan h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;  }
 .bmfw_box{ float: none;}   
.idxlft{ width: 100%; float: none;}
.bgptbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.ybdtbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.zcjd{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 10px;}
.zcjd h3{font-weight: bold;height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; width: 92%;padding-left: 8%; border-bottom: 1px #d8e2e9 solid;}
.openlist li{ float: left; display: inline; width: 20%; background:#eaeff4; border-radius: 5px; padding: 1px 0; text-align: center; font-size: 15px; margin-left: 1%; border: 2px #e7e7e7 solid; color:#666;}
.openlist li i{ color: #248ce2; padding-right: 5px; font-size:15px; }
.menu{ background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto; border-radius:0 0 10px 10px; margin-bottom: 10px; border-bottom: 5px #327dce solid; }
/*.menu li{ float: left; display: inline;line-height: 55px;  font-size: 19px; color: #fff; width: 33%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}*/
.leftmenu{ width:100%; margin-right: 2.08333%; margin-top: 20px;  }
.zhuanti{border: 1px #dbe2e8 solid; margin-top:15px; display: none;}
.rightcon{ width:100%;min-height:auto; margin-top: 20px; }
.copyright{ text-align: center; color: #fff; font-size: 12px; line-height: 30px; margin: 0 auto;  background-size: 30px 37px; width: 310px;}

.nav {
			list-style: none;
			height:  110px;
			width: 100%;
			margin: 0 auto;
			background-color: #3D8BE5;
		}
.nav li {height:  55px;
			float: left;
			width:25%;
			position: static;
		}
.nav li a {
			color: #fff;
			height: auto;
			line-height: 53px;
			font-weight: bold;
			width:100%;
			display: inline-block;
			font-size: 12px; 
			text-align: center;
		}
.nav li a:focus {
			-moz-outline-style: none;
		}
.nav li .sub-nav {
			position: absolute;
			top: 45px;
			left: 0px;
			list-style: none;
			background-color:#f3f3f3;
			display: none;font-size: 19px;color: #666;
		}
.nav li .sub-nav li {
			text-align: center;
			clear: left;
			width:200px;
			height: 40px;
			line-height:40px;
			position: relative;border-right: 0 none;border-bottom: 1px #ccc dashed;display: none;
		}
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: #fff; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.copyright>.f_left{ float: inherit; clear: both;display: block;}
.copyright>.f_right{ float: inherit;clear: both;display: block;}


}


@media screen and (min-width: 0px) and (max-width: 320px){
	
	        .w1200{ width: 100%;}
        .mar_center .topleft{ display: none;}
.mar_center .topright{ width: 100%; text-align: center;clear: both;}
.hearderlogo{  background: url(../images/logo.png) no-repeat left center ; text-indent: -10000px; padding-top: 32px; clear: both; background-size:250px 50px ; width: 250px;}
.headserchbox{  padding-top: 0px;clear: both;}
.headserch{width:97% ; height: 43px; background: #fff;  line-height: 43px;  margin: 0 auto;}
.idxconter{ background: #fff; width: 90%; padding: 10px; margin: 0 auto;}
.idxnav{ width: 100%;  margin-right:0px; clear: both; }
.idxnav li{ list-style: none; color: #fff;   font-size: 16px; background: #3D8BE5; display: block; cursor: pointer; float: left; display: inline-block; height: 40px; line-height: 40px;width: 32.6%; text-align: center; border: 1px #58A0F7 solid; }
.idxnav li a{ color: #fff; display: block;   font-size: 16px;padding-left:0; float: left; display: inline-block; text-align: center;padding: 0; height: 40px; line-height: 40px; width: 100%;}
/*.idxnav li a:hover{ color: #3D8BE5;background: #fff; color: #3D8BE5; display: block; font-weight: bold; }
*/.idxnav li i{ padding-right: 5px; font-size: 16px; height: 40px;line-height: 40px;}
#owl-demo{position:relative;width:100%;height: auto;margin:0 auto; margin-top: 10px;}
#owl-demo img{display:block;width:100%; height: auto;}
.notice{ width: 100%; clear: both; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 5px;}
.picMarquee-left{ width: 100%;}
.picMarquee-left{ width: 100%;}
.picMarquee-left .bd ul li{ float: none; margin-bottom: 2px;}
.picMarquee-left .bd ul li .pic img {
    width: 100%;
    height:auto;
    display: block; margin: 0 auto;
}
.zhuanlan h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;  }
.idxlft{ width: 100%; float: none;}
.bmfw_box{ float: none;}
.bgptbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.ybdtbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid;/* border-top: 3px #3D8BE5 solid;*/}
.zcjd{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 10px;}
.zcjd h3{font-weight: bold;height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; width: 92%;padding-left: 8%; border-bottom: 1px #d8e2e9 solid;}
.openlist{width: 100%;  margin: 8px auto; }
.openlist li{ float: left; display: inline; width: 22%; background:#eaeff4; border-radius: 5px; padding: 10px 0; text-align: center; font-size: 15px; margin-left: 1%; border: 2px #e7e7e7 solid; color:#666;}
.openlist li i{ color: #248ce2; padding-right: 5px; font-size:13px; display: block; }
.menu{ background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto; border-radius:0 0 ; margin-bottom: 10px; border-bottom: 0px #327dce solid; }
/*.menu li{ float: left; display: inline;line-height: 55px;  font-size: 19px; color: #fff; width: 33%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}*/
.leftmenu{ width:100%; margin-right: 2.08333%; margin-top: 20px;  }
.zhuanti{border: 1px #dbe2e8 solid; margin-top:15px; display: none;}
.rightcon{ width:100%;min-height:auto; margin-top: 20px; }
.notice h3{font-weight: bold; font-weight: bold;  width: 92%; height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; padding-left:8%; border-bottom: 1px #d8e2e9 solid;}
	.link {display: none;
    width: 100%;
    margin: 0 auto;
    border: 1px #d8e2e9 solid;
    margin-top: 10px;
    padding: 15px 0;
}
.foot_text{ font-size: 12px;}
.copyright{ text-align: center; color: #fff; font-size: 12px; line-height: 30px; margin: 0 auto;  background-size: 30px 37px; width: 310px;}
.copyright>.f_left{ float: inherit; clear: both;display: block;}
.copyright>.f_right{ float: inherit;clear: both;display: block;}


.tabbtn li a {
	display:block;
	float:left;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	cursor:pointer;
	font-weight: bold;
    height: 47px;
    line-height: 47px;   
    padding: 0 5px; color: #666;
}
.shr1{width:20%;}
.shr2{width:70%;}
.shr21{width:71.6%;}
.shr3{width:20%;margin-left:5%;}
.shr4{width:70%;}
.shr44{width:18.82435%;}
.shr5{width: 71.53818%;height: 36px}
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: #fff; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
}

@media screen and (min-width: 0px) and (max-width: 230px){
	.w1200{ width: 100%;}
.mar_center .topleft{ display: none;}
.mar_center .topright{ width: 100%; text-align: center;clear: both;}
.hearderlogo{  background: url(../images/logo.png) no-repeat left center ; text-indent: -10000px; padding-top: 32px; clear: both; background-size:280px 42px ;margin-left:20px; width: 280px;}
.headserchbox{  padding-top: 0px;clear: both;}
.headserch{width:97% ; height: 43px; background: #fff;  line-height: 43px;  margin: 0 auto;}
.idxconter{ background: #fff; width: 90%; padding: 10px; margin: 0 auto;}
.idxnav{ width: 100%;  margin-right:0px; clear: both; }
.idxnav li{ list-style: none; color: #fff;   font-size: 16px; /*background: #3D8BE5; */display: block; cursor: pointer; float: left; display: inline-block; height: 40px; line-height: 40px;inline;width: 32.6%; text-align: center; border: 1px #58A0F7 solid; }
.idxnav li a{ color: #fff; display: block;   font-size: 16px;padding-left:0; float: left; display: inline-block; text-align: center;padding: 0; height: 40px; line-height: 40px; width: 100%;}
/*.idxnav li a:hover{ color: #3D8BE5;background: #fff; color: #3D8BE5; display: block; font-weight: bold; }
*/.idxnav li i{ padding-right: 5px; font-size: 16px; height: 40px;line-height: 40px;}
#owl-demo{position:relative;width:100%;height: auto;margin:0 auto; margin-top: 10px;}
#owl-demo img{display:block;width:100%; height: auto;}
.notice{ width: 100%; clear: both; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 5px;}
.picMarquee-left{ width: 100%;}
.picMarquee-left{ width: 100%;}
.picMarquee-left .bd ul li{ float: none; margin-bottom: 2px;}
.picMarquee-left .bd ul li .pic img {
    width: 100%;
    height:auto;
    display: block; margin: 0 auto;
}
.zhuanlan h3{font-weight: bold;  background: 0 none; color: #333; text-indent: 0;    font-weight: bold;
    width: 92%;
    height: 47px;
    line-height: 47px;
    color: #248ce2;
    font-size: 19px;
    background: #ebf6ff url(../images/blueline.jpg) no-repeat 12px center;
    padding-left: 8%;
    border-bottom: 1px #d8e2e9 solid;  }
.idxlft{ width: 100%; float: none;}
.bmfw_box{ float: none;}
.bgptbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/}
.ybdtbox{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid;/* border-top: 3px #3D8BE5 solid;*/}
.zcjd{ width: 100%; border-left: 1px #d8e2e9 solid; border-right: 1px #d8e2e9 solid; border-bottom: 1px #d8e2e9 solid; /*border-top: 3px #3D8BE5 solid;*/ margin-top: 10px;}
.zcjd h3{font-weight: bold;height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; width: 92%;padding-left: 8%; border-bottom: 1px #d8e2e9 solid;}
.openlist{width: 100%;  margin: 8px auto; }
.openlist li{ float: left; display: inline; width: 22%; background:#eaeff4; border-radius: 5px; padding: 10px 0; text-align: center; font-size: 15px; margin-left: 1%; border: 2px #e7e7e7 solid; color:#666;}
.openlist li i{ color: #248ce2; padding-right: 5px; font-size:13px; display: block; }
.menu{ background: #3e8be5; line-height: 55px; width: 100%; margin: 0 auto; border-radius:0 0 ; margin-bottom: 10px; border-bottom: 0px #327dce solid; }
/*.menu li{ float: left; display: inline;line-height: 55px;  font-size: 19px; color: #fff; width: 33%;  text-align: center; border-left: 0 none;border-bottom: 1px #4f9bf1 solid; font-weight: bold;}
.menu li.borderinn{ border-right: 1px #4f9bf1 solid; }
.menu li i{ padding-right: 5%;}*/
.leftmenu{ width:100%; margin-right: 2.08333%; margin-top: 20px;  }
.zhuanti{border: 1px #dbe2e8 solid; margin-top:15px; display: none;}
.rightcon{ width:100%;min-height:auto; margin-top: 20px; }
.notice h3{font-weight: bold; font-weight: bold;  width: 92%; height: 47px; line-height: 47px; color:#248ce2 ; font-size: 19px; background:#ebf6ff url(../images/blueline.jpg) no-repeat 12px center; padding-left:8%; border-bottom: 1px #d8e2e9 solid;}
	.link {display: none;
    width: 100%;
    margin: 0 auto;
    border: 1px #d8e2e9 solid;
    margin-top: 10px;
    padding: 15px 0;
}
.foot_text{ font-size: 12px;}
.copyright{ text-align: center; color: #fff; font-size: 12px; line-height: 30px; margin: 0 auto;  background-size: 30px 37px; width: 310px;}
.copyright>.f_left{ float: inherit; clear: both;display: block;}
.copyright>.f_right{ float: inherit;clear: both;display: block;}


.tabbtn li a {
	display:block;
	float:left;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	font-weight: bold;
    height: 47px;
    line-height: 47px;   
    font-size: 16px;
    padding: 0 5px; color: #666;
}
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   background: #fff; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
}